// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.discrete-bar {
  display: flex;
  flex: 1;
  gap: 5px;
  min-height: @bar-size;

  &--contents {
    display: contents;
  }

  &__item {
    .center-content();
    background: hsl(var(--hsl-b6));
    color: hsl(var(--hsl-f1));
    flex: 1;
    border-radius: 10000px;

    &--on {
      background: hsl(var(--hsl-lime-3));
      color: hsl(var(--hsl-b6));
    }
  }
}
